mapbox-gl中集成three.js参见公众号文章：mapbox-gl集成three.js开发 官方示例中，mapbox-gl集成three.js，是将three.js加载的对象放置在设置的参考坐标中心点，在开发过程中，有时需要在three.js，依据不同位置，放置多个模型对象，或者其他three.js对象，这就需要计算每个对象的位置信息了。 mapbox-gl基础操作坐标是经纬度，three.js中常用的坐标设置单位是米，所以，根据每个模型对象的实际位置（经纬度），要进行一步转换，计算出模型距离设置的中心点的坐标位置（米），有两种方式： 一是：将经纬度坐标转换成web墨卡托坐标进行计算，参见mapbox-gl中的web墨卡托转换，计算出模型的实际位置多少米； 二是：使用turf.js类库，参见mapbox-gl+turf.js简单箭头画法，计算距离和实际位置的经纬度。 按照坐标系转换的概念，是需要将一个坐标系中的坐标，向另一个坐标系中的坐标转换，也可以采取矩阵的方式，这个有兴趣的可以试一下。 three.js默认坐标轴是Y向上的，mapbox-gl中默认是Z向上，这个在示例中已经进行了转换。 简单的模型加载效果：